page-client-add {
    $title-bg-color: #07a963;
    $font-color: #333;
    $tips-color: #999;
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    /* 隐藏返回符号 */
    ion-header {
        .toolbar-ios {
            .button-inner {
                .back {
                    background: none;
                    width: auto;
                    height: auto;
                    margin-left: 0!important;
                }
            }
        }
    }

    ion-content {
        .scroll-contentFalse {
            overflow-x: inherit !important;
            overflow-y: inherit !important;
        }
        .list-ios {
            //地址 删除键
            ion-item-options {
                border-bottom: none;
                display: flex;
                align-items: center;
                button{
                    background: #fff;
                }
            }

            .item-ios {
                height: pxToVw(130);
                line-height:pxToVw(130);
                padding-left: 0;
                color: #333;
            }
            .item-inner{
                height: pxToVw(130);
            }
            ion-item {
                border: none;
                margin-right: 2.66vw;
                ion-input {
                    font-size: pxToVw(45);
                    color: #333;
                    margin: 0;
                    height: pxToVw(130);
                    padding: 0.2vw 0 0 0;
                    input {
                        height: pxToVw(55);
                        line-height:pxToVw(55);
                        margin:0!important;
                    }
                }
                .cloned-input{
                    margin-left:0!important;
                }
                ion-select {
                    font-size: 3.33vw;
                    width: 100%;
                    max-width: 100%;
                    &.select-ios{
                        padding:0;
                    }
                    .select-icon {
                        height: 4.26vw !important;
                        width: 4.26vw !important;
                        position: absolute;
                        right: pxToVw(60);
                        top:50%;
                        margin-top:-2.13vw;
                        background: url("../assets/images/client/client-add/ico_arrow_down.png") no-repeat;
                        background-size: cover;
                        .select-icon-inner {
                            display: none;
                        }
                    }
                    .select-text {
                        font-size: pxToVw(45);
                    }
                }
                //向下箭头
                .choose {
                    width: 4.26vw;
                    height: 4.26vw;
                    background: url("../assets/images/client/client-add/ico_arrow_down.png") no-repeat;
                    background-size: cover;
                    margin-right: pxToVw(60) !important;
                }
                ion-label {
                    display: inline-block;
                    min-width: pxToVw(260);
                    overflow: visible;
                    width:auto;
                    i {
                        float: left;
                        font-style: normal;
                        min-width: pxToVw(260);
                        padding-left:pxToVw(60);
                    }
                }
                ion-label.labelOther {
                    min-width: 56vw;
                    padding-right: 2vw;
                }
                ion-label.labelType, ion-label.labelCome {
                    min-width: 28vw;
                    overflow: visible;
                }
                ion-label.sexLabel, ion-label.birChoose {
                    flex: none;
                }
                ion-label.sexLabel {
                    padding-left:0;
                    width: 100%;
                    span {
                        //margin-left: 8.2vw;
                        font-size: pxToVw(45);
                    }
                    .chooseSex {
                        color: #999;
                        font-size: pxToVw(45);
                    }
                }
                ion-datetime {
                    &.datetime-ios{
                        padding:0;
                    }
                    .datetime-text {
                        font-size: pxToVw(45);
                    }
                }
                .button-ios.activated {
                    background: transparent;
                }
            }
            // 地址栏
            .addressList {
                position: relative;
                height:pxToVw(400);
                .label-ios{
                    padding-left:0;
                    .address,.phoneAndAddBox,.postNum{
                        margin-left:pxToVw(60);
                    }
                }
                .item-inner{
                    height:auto;
                }
                .item-ios {
                    height: auto;
                }
                ion-item {
                    div {
                        &.address, &.postNum {
                            display: flex;
                            align-items: center;
                            height:pxToVw(130);
                        }
                        &.situation {
                            background: none;
                            .phoneAndAdd {
                                height: pxToVw(49);
                                margin:pxToVw(45) 0;
                                span {
                                    color: #333;
                                }
                            }
                        }
                        span {
                            display: inline-block;
                            min-width: pxToVw(200);
                        }
                        input {
                            border: none;
                            width: 92%;
                            color: #333;
                        }
                        input::-webkit-input-placeholder {
                            font-size: pxToVw(45);
                        }
                        input:disabled {
                            background-color: transparent;
                        }
                    }
                }



                ion-item{
                    height:pxToVw(400);
                    .item-inner{
                        height:pxToVw(400);
                    }
                }
                .addressInput{
                    top:1vw;
                    position: absolute;
                    width:85%;
                    height:pxToVw(130);
                    input{
                        width:85%;
                    }
                    left:pxToVw(260);
                }
                .postInput{
                    bottom:1vw;
                    position: absolute;
                    width:85%;
                    left:pxToVw(260);
                    height:pxToVw(130);
                    input{
                        width:85%;
                    }
                }
                .addressLabel,.postNumLabel{
                    position: absolute;
                    width:pxToVw(260);
                    padding-left:pxToVw(60);
                    height:pxToVw(130);
                    line-height:pxToVw(130);
                }
                .addressLabel{
                    top:1vw;
                }
                .postNumLabel{
                    bottom:1vw;
                }
                .situation{
                    pointer-events:auto;
                    z-index: 9999;
                    top:pxToVw(130);
                    width:pxToVw(1080);
                    max-width: pxToVw(1080);
                    background: #fff;
                   // height:pxToVw(55);
                    .phoneAndAdd{
                        padding-left:pxToVw(260);
                        width:pxToVw(1080);
                    }
                }




                ion-item-options {
                    button {
                        span {
                            height: pxToVw(395);
                            line-height: pxToVw(395);
                            top: -1px;
                            position: relative;
                        }
                    }
                }
            }
            //购买其他保险类型
            .otherType{
            }
        }

        // 添加按钮
        .phoneAndAddBox {
            background: #f5f5f5;
            .phoneAndAdd {
                padding-left: pxToVw(200);
                color: #35ac63;
                font-size: pxToVw(42);
                vertical-align: middle;
                display: flex;
                align-items: center;
                img {
                    height: pxToVw(49);
                    width: pxToVw(49);
                    margin-right: 1.5vw;
                }
            }
        }

        //向右箭头
        .item-inner {
            padding-right:0!important;
            ion-icon {
                min-height: 0;
            }
        }
        .list-ios {
            margin: 0;
            .item-block:first-child {
                border-top: 0;
            }
        }
        .label-ios {
            font-size: pxToVw(45);
            color: #333;
            margin: 0;
            padding-left: pxToVw(60);
        }
        // 电话删除键
        .delPhone {
            padding: 0;
            position: relative;
            top:-2px;
            height:100%;
            span {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #e66660;
                color: #fff;
                font-size: 3.88vw;
                //height: pxToVw(130);
                width: 15.46vw;
                height:100%;
            }
        }
    }
    .insType{

    }
    .action-sheet-ins{
        background:#fff;
        position: fixed;
        bottom: 0;
        width:100%;
        z-index: 9999;
        p{
            text-align: center;
        }
        span{
            background: #07a963;
            display: block;
            text-align: center;
            color: #fff;
            height: 12.96296vw;
            line-height: 12.96296vw;
            font-size: 4.16667vw;
            padding: 0;
            background: -webkit-gradient(linear, left top, right top, from(#63b24c), to(#018c6e));
            background: linear-gradient(to right, #63b24c, #018c6e);
            width: 95.37037vw;
        }
    }
}

.client-add-picker {
    .picker-col:nth-child(2) button:after {
        content: "年";
    }
    .picker-col:nth-child(3) button:after {
        content: "月";
    }
    .picker-col:nth-child(4) button:after {
        content: "日";
    }
}

// 更改ion-select 样式
.mySelect {
    .action-sheet-group {
        overflow:scroll;
        position: relative;
        .action-sheet-title {
            position: fixed;
            border-top-right-radius: 0.92593vw;
            border-top-left-radius: 0.92593vw;
        }
        button:nth-child(2) {
            margin-top: 13vw;
        }
    }
}

.ifAddCust{
    .alert-button-group{
        .alert-button:nth-child(2){
            color: #35ac63!important;
        }
    }
    .alert-message{
        padding:0 computed-vw(50)!important;
        //height:calc(100% - 44px);
        margin-top:6vw!important;
        font-size: computed-vw(45)!important;
        color:#333!important;
        line-height:normal!important;
        text-align: left;
    }
    .alert-wrapper{
        height:36.2vw!important;
    }
}
